<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
					body {
						background-color: #2B35DF;
					}
					.loginDiv {
						width: 550px;
						height:530px;
						background-color: white;
						/*让div整体居中*/
						margin: 0 auto;
						/*让div顶部外边距是80px，让div离顶部远一些*/
						margin-top:80px;
						/*调整顶部内边距*/
						padding-top:30px;
						text-align: center;
					}
					.loginInput{
						width: 426px;
						height: 55px;
						border-radius: 5px;
						border:1px solid darkgray;
						margin-bottom: 20px;
						padding-left:30px;
						/*文本框背景透明*/
						background-color: transparent;
						margin-left:-25px;
					}
					.loginBtn{
						width: 453px;
						height: 55px;
						background-color: #FF6B4D;
						color:white;
						font-size: 20px;
						border-radius: 5px;
						/*去掉边框*/
						border:none;
					}
					.thirdLogin{
						margin-top:30px;
						margin-bottom: 15px;
					}
					.logpic{
						margin-left: 20px;
					}
				</style>
	</head>
	<body>
		<div class="loginDiv">
					<!-- 这是放logo的div -->
					<div style="text-align: center;">
						<img src="img/tyustlogo.png" width="250px"/>
					</div>
					<h2>毕业设计管理系统</h2>
					<div>
						<img src="img/user.png"><input class="loginInput" type="text" placeholder="请输入用户名">
						<br>
						<img src="img/password.png"><input class="loginInput" placeholder="密码" type="password"/>
					    <br>
						<input class="loginBtn" type="submit" value="登录">
					</div>
					<!-- 这个div放第三方登录 -->
					<div class="thirdLogin">
						<img class="logpic" src="img/weixin.png"/>
						<img class="logpic" src="img/qq.png">
						<img class="logpic" src="img/weibo.png">
					</div>
					<div style="font-size:12px;line-height: 20px;">
						技术支持：太原科技大学  宋书记<br>
						开发者：太原工业学院  王主任
					</div>
				</div>
	</body>
</html>